.scrFx {
    animation-play-state: paused;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: calc(var(--go) * -1s);
    animation-timing-function: ease-in-out;
}

.slideFx {
    animation-play-state: paused;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: calc(var(--rt) * -1s);
    animation-timing-function: linear;
}

@media screen and (max-width: 1600px) {
    .proSwiper .li {
        height: 1.9rem;
    }

    .news .dyt5 {
        flex-flow: column;
    }

    .news .dyt5 .left {
        width: 100%;
    }

    .news .dyt5 .right {
        margin-top: 38px;
        margin-left: unset;
    }
}

@media screen and (max-width: 1500px) {

    .about-company .dyt6 .zb .item {
        width: 30%;
    }

    .ie .layout-rowMain {
        width: 1200px;
    }

    .more_btn {
        width: 140px;
        height: 45px;
    }
}

@media screen and (max-width: 1366px) {

    .about-partners .dyt6 .content .item {
        width: 30%;
    }

    #bloc header .pc-nav .mid .items > li > ol > li a > span {
        font-size: 13px;
    }

    #banner .scroll {
        width: 70px;
    }

    #home #main .r2 .product {
        width: 90%;
    }

    .proSwiper .li {
        height: 2.3rem;
    }

    .ink_ul li .icon {
        height: 43px;
    }

    #home #main .r2 .pro_right::after, #home #main .r2 .pro_right::before {
        width: 20px;
        height: 20px;
    }

    .about_icon .li .icon {
        height: 30px;
    }
}

@media screen and (max-width: 1280px) {

    .about-soft .dyt6 .content .item {
        width: 30%;
    }

    .about-partners .dyt6 .content .item {
        width: 30%;
    }

    .news .dyt6 > .item {
        width: 45%;
    }

    #bloc header .pc-nav .right .search > a {
        width: 30px;
        height: 30px;
    }

    #bloc header .pc-nav .right .language {
        height: 30px;
    }

    .about_photo {
        width: 15rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1024px) {
    .dyt2 {
        display: block;
    }

    .dyt4 {
        margin-top: 20px;
        justify-content: right;
    }

    #bloc header .pc-nav .right .search > a {
        width: 27px;
        height: 27px;
    }

    #bloc header .pc-nav .right .search img {
        width: 14px;
    }

    #bloc header .pc-nav .right .language {
        height: 27px;
    }

    #bloc header .pc-nav .mid .items > li > a {
        padding: .2rem .3rem;
    }

    #bloc header .pc-nav .mid {
        margin-left: .6rem;
    }

    .more_btn {
        width: 120px;
        height: 40px;
    }

    #banner .swiper-pagination-bullet {
        margin: 0 4px;
        width: 6px;
        height: 6px;
    }

    #banner .swiper-pagination-bullet-active::after {
        width: 12px;
        height: 12px;
    }

    .foot_nav_list a {
        padding: .15rem .3rem;
    }

    .foot_logo img {
        width: 140px;
    }

    .mark_p a {
        margin-left: .4rem;
    }

    .about_photo {
        width: 100%;
    }

    .max-wid {
        width: 70%;
    }

    .mt-20 {
        margin-top: 15px;
    }

    .mt-26 {
        margin-top: 21px;
    }

    .title p {
        line-height: 20px;
    }

    .proSwiper .li {
        height: 2rem;
    }

    .proSwiper .li .icon {
        height: 30px;
    }

    #home #main .pro_left {
        width: 60%;
    }

    .ink_ul li .icon {
        height: 34px;
    }

    .com_list li .info .icon {
        height: 30px;
    }

    #home #main .about_top {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 700px) {

    .about-contact .dyt6{
        flex-flow: column;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .about-contact .dyt6 .item + .item{
        border-left: none;
        margin-top: 30px;
    }
    .about-contact .dyt7 .t1{
        flex-flow: column;
    }
    .about-contact .dyt7 .t1 input{
        width: 100%;
        flex: unset !important;
    }

    .about-contact .dyt7 .t1 input + input{
        margin-left: unset !important;
        margin-top: 20px;

    }
    .about-soft .dyt6 .k1 .k3 {
        width: 400px;
    }

    .about-soft .dyt7 .content .item{
        width: 48%;
    }

    .about-soft .dyt6 .content .item {
        width: 48%;
    }

    .about-soft .dyt8 .content .item{
        width: 48%;
    }

    .about-partners .dyt6 .k1 .k3 {
        width: 400px;
    }

    .about-partners .dyt6 .content .item {
        width: 48%;
    }

    .about-team .dyt6 .content .item {
        width: 48%;
    }

    .about-company .dyt9 .dyt10 .content {
        flex-flow: column;
    }

    .about-company .dyt9 .dyt10 .content .item {
        width: 100%;
    }

    .news-info .dyt6 {
        padding: 60px 0;
        flex-flow: column;
    }

    .news-info .dyt6 > div {
        margin-top: 60px;
    }

    .news .dyt6 > .item {
        width: 100%;
    }

    .product_1 .dyt11 .item {
        width: 50%;
    }

    .dyt1 .item {
        font-size: 36px;
        line-height: unset;
    }

    .dyt2 {
        flex-flow: column;
        align-items: unset;
        margin-bottom: 40px;
    }

    .more_btn {
        width: 110px;
        height: 35px;
    }

    #banner .scroll {
        width: 60px;
    }

    .foot_logo img {
        width: 2rem;
    }

    .f_icon {
        display: none;
    }

    .foot_nav {
        display: block;
    }

    .foot_nav_list {
        flex-wrap: wrap;
        margin-top: .4rem;
        margin-right: -.6rem;
    }

    .mark_p p {
    }

    .about_photo {
        transform: scale(.7);
        width: 120%;
        margin-left: -10%;
        margin-top: -10px;
    }

    .about_cont .title {
        text-align: center;
    }

    .title p {
        margin: 0 auto;
        width: 100%;
        margin-top: .3rem;
    }

    .product .title {
        text-align: left;
    }

    .about_icon {
        margin-top: 30px;
    }

    #home #main .about_cont .about_top {
        display: block;
    }

    .product .pro_cont {
        display: block;
    }

    #home #main .pro_left {
        width: 100%;
    }

    #home #main .r2 .pro_right {
        display: none;
    }

    #banner .more_btn {
        width: 120px;
    }

    #home #main .ink_left .more_btn {
        width: 130px;
    }

    .ink_cont {
        display: block;
        padding: 0;
    }

    #home #main .ink_left {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    #home #main .ink_right {
        width: 100%;
        margin-top: .7rem;
    }

}

@media screen and (max-width: 450px) {

    .about-partners .dyt6 .k1 {
        flex-flow: column;
        align-items: unset;
    }

    .about-partners .dyt6 .k1 .k3 {
        margin-top: 20px;
        max-width: 100%;
    }
    .about-partners .dyt6{
        padding-bottom: unset !important;
    }

    .about-team .dyt6 .k1 {
        flex-flow: column;
        align-items: unset;
    }

    .about-team .dyt6 .k1 .k3 {
        margin-top: 20px;
        max-width: 100%;
    }

    .about-team .dyt6 .content .item {
        width: 100%;
    }

    .about-company .dyt6 .zb .item {
        width: 40%;
    }

    .news .dyt5 .right .item .info .tag {
        display: block;
    }

    .news .dyt5 .right .item .info .tag .item {
        display: inline-block;
    }

    .news .dyt5 .right .item .info .tag .item + .item {
        margin-top: 5px;
        margin-left: unset;
    }

    .news .dyt5 .right .item .cover {
        margin-left: 10px;
    }

    .about_photo {
        transform: scale(.5);
        margin-left: -55%;
        width: 210%;
        margin-top: -40px;
    }

    .about_icon {
        justify-content: space-between;
        padding: 0 .5rem;
    }

    .about_icon .li .icon {
        height: 30px;
    }

    .about_icon .li {
        margin-left: 0;
    }

    .mt-20 {
        margin-top: 10px;
    }

    .about_cont .more_btn {
        margin-top: -30px;
    }

    .add {
        height: 10px;
        margin-top: 10px;
    }

    .com_list li .info .icon {
        height: 22px;
    }

    .ink_ul li .icon {
        height: 30px;
    }

    .dyt3 {
        flex-flow: column;
        align-items: unset;;
    }

    .dyt3 .item {
        margin-top: 10px;
        margin-left: 0 !important;
        line-height: 30px
    }

    .dyt3 .item:before {
        display: none;
    }

    .dyt4 {
        margin-top: 20px;
        justify-content: right;
    }

    .product_1 .dyt6 {
        flex-flow: column;
        justify-content: unset;
        align-items: unset;
    }

    .product_1 .dyt10 {
        margin-top: 20px;
    }

    .product_1 .dyt11 {
        padding-top: 20px;
    }

    .product-info .dyt4 {
        margin-bottom: 40px;
    }

    .product-info .dyt5 {
        flex-flow: column;
    }

    .product-info .dyt6 {
        margin-top: 30px;
    }

    .product-info .dyt9 {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .product-info .dyt9 .label {
        font-size: 10px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .product-info .dyt10 {
        margin-top: 30px;
    }

    .product-info .dyt13 {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .product-info .dyt14 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .product-info .dyt14 .item {
        flex-flow: column;
    }

    .product-info .dyt14 .item .right {
        padding-top: 20px;
    }

    .product-info .dyt14 .item + .item {
        margin-top: 30px;
    }

}

@media screen and (orientation: landscape) {
    .app {
        display: none !important;
    }
}

@media screen and (orientation: portrait) {
    .pc {
        display: none !important;
    }

    .max-wid {
        width: 90%;
    }

    #bloc .wrapper {
        overflow-y: auto;
    }

    #banner {
        min-height: 50vw;
    }

    #banner .inner {
        width: 90%;
    }


}
